<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      layout:decorator="manage/manage_layout_sub">

<head>
    <title>角色管理-新增</title>
</head>

<body class="manage manage-role">

<div layout:fragment="content">
    <div class="container">
        <form class="form-horizontal" onsubmit="return false;">
            <div class="form-group">
                <label for="roleId" class="col-sm-4 control-label">角色ID：</label>
                <div class="col-sm-4">
                    <input type="text" class="form-control" id="roleId" name="roleId" placeholder="">
                </div>
            </div>
            <div class="form-group">
                <label for="roleName" class="col-sm-4 control-label">角色名称：</label>
                <div class="col-sm-4">
                    <input type="text" class="form-control" id="roleName" name="roleName" placeholder="">
                </div>
            </div>
            <div class="form-group">
                <label for="remark" class="col-sm-4 control-label">备注：</label>
                <div class="col-sm-4">
                    <input type="text" class="form-control" id="remark" name="remark" placeholder="">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-4 control-label">请选择功能：</label>
                <div class="col-sm-7">
                    <p class='alert alert-info manage-role-func-dialog'>共<span id='funcTotalNum'
                                                                               class='label label-primary'>0</span>个功能，目前已选中<span
                            id='funcCheckNum' class='label label-danger csp' onclick='openCheckZode()'>0</span>个</p>
                    <div id='funcTree' class='ztree loading'></div>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-4 col-sm-4">
                    <button type="submit" class="btn btn-primary">保存</button>
                    <button type="reset" class="btn btn-default" id="resetBtn">重置</button>
                </div>
            </div>
        </form>
    </div>

    <script th:replace="common/common_libs::commonjs"></script>
    <script src="/js/manage/role.js"></script>
    <script>
        initRoleAddPage();
    </script>
</div>


</body>
</html>